import React from 'react';
import styles from '../style/toplist.scss';
import ListItem from './listItem.js';
import Page from './page.js';
export default class showList extends React.Component {
	render(){
		return(
			<div>
				<div className={styles.btn}>
					<a className={styles.playAll} href="http://www.smilening.online/newqqmusic/html/player.html" target="_blank"><i className="icon iconfont icon-play"></i> 播放全部</a>
					<a className={styles.other} href="javascript:;"><i className="icon iconfont icon-zengjia"></i> 添加到</a>
					<a className={styles.other} href="javascript:;"><i className="icon iconfont icon-xiazai"></i> 下载</a>
					<a className={styles.other} href="javascript:;"><i className="icon iconfont icon-piliangxiugai"></i> 批量操作</a>
				</div>
				<div className={styles.listAll}>
					<ul className={styles.topTitle}>
						<li>
							<span className={styles.song}>歌曲</span>
							<span className={styles.singer}>歌手</span>
							<span className={styles.time}>时长</span>
						</li>
					</ul>
					<ul className={styles.songList}>
						<ListItem />
					</ul>
				</div>
			</div>
		)
	}
}